<template>
  <div class="flights_list">
      <div class="flights_list_title">
          <span>航空信息</span>
          <span>起飞时间</span>
          <span>到达时间</span>
          <span>价格</span>
      </div>
      <div class="flihts_list_content">
          <FilghtItem
          v-for="item in flightList"
          :key="item.id"
          :flights="item"
          />
      </div>
  </div>
</template>

<script>
export default {
    props:["flightList"]
}
</script>

<style lang="less" scoped>
.flights_list{
    .flights_list_title{
        height: 35px;
        border: 1px solid #999;
        background-color: #f6f6f6;
        color:#666;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 10px 0;
        font-size: 13px;
    }
    .flihts_list_content{

    }
}

</style>